<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
{css href="__STATIC__/common/uploadify/uploadify.css" /}
{js href="__STATIC__/common/jquery-1.5.2.min.js" /}
{js href="__STATIC__/common/uploadify/jquery.uploadify.min.js" /}
<script type="text/javascript">
var arrayImgObj = new Array();
var public_uploadifyname = new Array();
function info_uploadify(uploadifyname,width,height,auto,uploader,method,buttonText,multi,queueSizeLimit,fileTypeExts,fileSizeLimit,thum,thum_width,thum_height,functions){
    $(uploadifyname).uploadify({
        'height': height,               //上传按钮的高和宽
        'width': width,
        'auto'     : auto,              //选定文件后是否自动上传，默认false
        'swf'      : '__STATIC__/common/uploadify/uploadify.swf?ver=' + Math.random(),
        //'uploader' : '__APP__/Uploadify/uploadify',//后台上传function  参数  uploader
        'uploader' : '{$imgupload}',//后台上传function  参数  uploader
        'method'   : method,            //post get 传输方式
        'buttonText' : buttonText,      //设置按钮文本
        'multi'    : multi,             //允许同时上传多张图片
//          'formData' :{'thum':thum,'thum_width':thum_width,'thum_height':thum_height},//后台传参 占时主要用于缩略图设置  thum是否创建缩略图 1->是 ，0->否
        'queueSizeLimit' : queueSizeLimit, //最多一次上传几张
        'fileTypeDesc' : 'Image Files', //只允许上传图像
        'fileTypeExts' : fileTypeExts,  //限制允许上传的图片后缀'*.TIFF; *.tiff; *.gif; *.GIF; *.jpg; *.JPG; *.PNG; *.BMP; *.bmp; *.JPEG; *.jpeg; *.psd; *.PSD; *.png'
        'fileSizeLimit' : fileSizeLimit,//限制上传的图片大小  '100kb'
        'onUploadStart' : function(file) {
                            //选中图片上传之前调用函数
        },
        'onUploadSuccess' : function(file, data, response) { //每次成功上传后执行的回调函数，从服务端返回数据到前端
            var ImgObj = eval('(' + data + ')');
            public_uploadifyname['uploadifyname'] = uploadifyname;
            public_uploadifyname['filename'] = file.name;
            arrayImgObj.push(ImgObj);
            functions();
        },
        'onUploadError' : function(file,errorCode,errorMsg,errorString,swfuploadifyQueue) { //上传文件出错是触发（每个出错文件触发一次）

            alert(' - 错误代码: ' + errorCode+ ' - 错误描述: ' + errorMsg+ ' - 简要错误描述: ' + errorString);
        }
    });
}
function info_uploadifys(uploadifyname,width,height,auto,uploader,method,buttonText,multi,queueSizeLimit,fileTypeExts,fileSizeLimit,thum,thum_width,thum_height,functions){
    $(uploadifyname).uploadify({
        'height': height,               //上传按钮的高和宽
        'width': width,
        'auto'     : auto,              //选定文件后是否自动上传，默认false
        'swf'      : '__ROOT__/Application/Admin/Common/uploadify/uploadify.swf?ver=' + Math.random(),
        'uploader' : '{$imgupload}',//后台上传function  参数  uploader
        'method'   : method,            //post get 传输方式
        'buttonText' : buttonText,      //设置按钮文本
        'multi'    : multi,             //允许同时上传多张图片
//          'formData' :{'thum':thum,'thum_width':thum_width,'thum_height':thum_height},//后台传参 占时主要用于缩略图设置  thum是否创建缩略图 1->是 ，0->否
        'queueSizeLimit' : queueSizeLimit, //最多一次上传几张
        'fileTypeDesc' : 'Image Files', //只允许上传图像
        'fileTypeExts' : fileTypeExts,  //限制允许上传的图片后缀'*.TIFF; *.tiff; *.gif; *.GIF; *.jpg; *.JPG; *.PNG; *.BMP; *.bmp; *.JPEG; *.jpeg; *.psd; *.PSD; *.png'
        'fileSizeLimit' : fileSizeLimit,//限制上传的图片大小  '100kb'
        'onUploadStart' : function(file) {
                            //选中图片上传之前调用函数
        },
        'onUploadSuccess' : function(file, data, response) { //每次成功上传后执行的回调函数，从服务端返回数据到前端
            var ImgObj = eval('(' + data + ')');
            arrayImgObj.push(ImgObj);
            public_uploadifyname['uploadifyname'] = uploadifyname;
            public_uploadifyname['filename'] = file.name;
        },
        'onQueueComplete': function(queueData){
            functions();
        },
        'onUploadError' : function(file,errorCode,errorMsg,errorString,swfuploadifyQueue) { //上传文件出错是触发（每个出错文件触发一次）

            alert(' - 错误代码: ' + errorCode+ ' - 错误描述: ' + errorMsg+ ' - 简要错误描述: ' + errorString);
        }
    });
}

function info_uploadifys_watermark(uploadifyname,width,height,auto,uploader,method,buttonText,multi,queueSizeLimit,fileTypeExts,fileSizeLimit,thum,thum_width,thum_height,watermark,functions){
    $(uploadifyname).uploadify({
        'height': height,               //上传按钮的高和宽
        'width': width,
        'auto'     : auto,              //选定文件后是否自动上传，默认false
        'swf'      : '__ROOT__/Application/Admin/Common/uploadify/uploadify.swf?ver=' + Math.random(),
        'uploader' : '{$imgupload}',//后台上传function  参数  uploader
        'method'   : method,            //post get 传输方式
        'buttonText' : buttonText,      //设置按钮文本
        'multi'    : multi,             //允许同时上传多张图片
//          'formData' :{'thum':thum,'thum_width':thum_width,'thum_height':thum_height},//后台传参 占时主要用于缩略图设置  thum是否创建缩略图 1->是 ，0->否
        'formData' :{'watermark':watermark},
        'queueSizeLimit' : queueSizeLimit, //最多一次上传几张
        'fileTypeDesc' : 'Image Files', //只允许上传图像
        'fileTypeExts' : fileTypeExts,  //限制允许上传的图片后缀'*.TIFF; *.tiff; *.gif; *.GIF; *.jpg; *.JPG; *.PNG; *.BMP; *.bmp; *.JPEG; *.jpeg; *.psd; *.PSD; *.png'
        'fileSizeLimit' : fileSizeLimit,//限制上传的图片大小  '100kb'
        'onUploadStart' : function(file) {
                            //选中图片上传之前调用函数
        },
        'onUploadSuccess' : function(file, data, response) { //每次成功上传后执行的回调函数，从服务端返回数据到前端
            var ImgObj = eval('(' + data + ')');
            arrayImgObj.push(ImgObj);
            public_uploadifyname['uploadifyname'] = uploadifyname;
            public_uploadifyname['filename'] = file.name;
        },
        'onQueueComplete': function(queueData){
            functions();
        },
        'onUploadError' : function(file,errorCode,errorMsg,errorString,swfuploadifyQueue) { //上传文件出错是触发（每个出错文件触发一次）

            alert(' - 错误代码: ' + errorCode+ ' - 错误描述: ' + errorMsg+ ' - 简要错误描述: ' + errorString);
        }
    });
}
</script>
</head>
<body>
<div class="form-group">
                                <label>拍品封面图</label>
                                <input type="file" name="Filedata" id='upload_file' />
                                <input type="hidden" value="" name="img_url" />
                                <input type="hidden" value="" name="img_id" />
                                 <img id="image" src=""/>
                                <span>（尺寸 300 x 300,建议不超过200K）</span>
                            </div>


                            <script type="text/javascript">
                                info_uploadify('#upload_file', 84, 30, true, "", "post", "上传图片", true, 1, "*.gif; *.GIF; *.jpg; *.JPG; *.PNG; *.png; *.jpeg; *.JPEG;", "2000kb", 0, 0, 0, successFunction);
                                function successFunction() {
                                    var count = arrayImgObj.length;
                                    var img_url = arrayImgObj[count - 1].org;
                                    var img_id = arrayImgObj[count - 1].id;
                                    $("input[name='img_url']").val(img_url);
                                    $("input[name='img_id']").val(img_id);
                                    $("#image").attr("src", img_url);
                                    $("#img_url").attr("src", img_url);
                                }
                            </script>
</body>
</html>